<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="UTF-8">
    <title>采购订单下单页</title>

    <meta name="description" content="Restyling jQuery UI Widgets and Elements"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!--公共样式-->
    <link rel="stylesheet" href="./../../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/ace.min.css"/>
    <!--页面CSS-->
    <link rel="stylesheet" href="../../css/salesPlat/common.css"/>
    <link rel="stylesheet" href="./../../css/salesPlat/buyOrderBuy.css"/>
    <link rel="stylesheet" href="./../../css/salesPlat/infoTable.css"/>
    <!--复用样式-->
    <link rel="stylesheet" href="./../../css/salesPlat/orderDetailEdit.css"/>

</head>
<body>
<div class="main-container" id="main-container">
    <div class="main-content">
        <div class="page-content">
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">

                        <div class="order-detail mt0">采购订单下单页</div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">订单编号</div>
                            <div class="order-detail w81 r">201587485454</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">收件人</div>
                            <div class="order-detail w81 r">
                                <input type="text">
                                <span class="tip-blue">*最多20个字符</span>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">收件人电话</div>
                            <div class="order-detail w81 r">
                                <input type="text">
                                <span class="tip-blue">*仅为数字，并添加电话号码校验</span>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 h178 l">收件人地址</div>
                            <div class="w81 r pdl0">
                                <div class="order-detail h56"><!-- 省市区三级联动 --></div>
                                <div class="order-detail h118">
                                    <textarea class="input-address"></textarea>
                                    <span class="tip-blue">*最多100个字符</span>
                                </div>
                            </div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">期望发货日期</div>
                            <div class="order-detail w81 r"><input type="text"></div>
                        </div>
                        <div class="order-detail-wrap clearfix mb30">
                            <div class="order-detail h118 w17 l">备注</div>
                            <div class="order-detail h118 w81 r"><textarea class="input-address"></textarea></div>
                        </div>
                        <!--货号筛选-->
                        <div class="order-detail mb4">
                            <ul class="to-buy-items clearfix">
                                <li class="to-buy-item w12 pdl60">请输入货号</li>
                                <li class="to-buy-item w12"><input type="text"></li>
                                <li class="to-buy-item w48"><button>添加</button></li>
                                <li class="to-buy-item w16">您可能前往商品库添加商品</li>
                                <li class="to-buy-item w12"><button id="toGoodsStorage">商品库</button></li>
                            </ul>
                        </div>
                        <!--表格-->
                        <table id="sample-table-1" class="table">
                            <!-- 采购订单列表标题 -->
                            <thead>
                            <tr>
                                <th class="center">商品名称</th>
                                <th class="center">图片</th>
                                <th class="center">分类</th>
                                <th class="center">颜色</th>
                                <th class="center">尺寸</th>
                                <th class="center">肩宽</th>
                                <th class="center">胸围</th>
                                <th class="center">腰围</th>
                                <th class="center">臀围</th>
                                <th class="center">身高</th>
                                <th class="center">体重</th>
                                <th class="center">其他</th>
                                <th class="center">件数</th>
                                <th class="center">单价</th>
                                <th class="center">总价</th>
                            </tr>
                            </thead>
                            <!-- 循环加载订单列表 -->
                            <tbody class="center">
                            <tr>
                                <td><div class="detail-edit-topic">新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装新娘古装头饰新娘古装</div></td>
                                <td><img src="./../../assets/img/pic2.png" alt=""></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                                <td><input type="text"></td>
                            </tr>

                            </tbody>
                        </table>

                        <!-- 总和 -->
                        <div class="order-detail txr">共<span class="order-detail-amount">4</span>件   &nbsp;&nbsp;合计：<span class="order-detail-account">￥1000</span></div>

                        <!--pay-->
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail h80 w17 l">请选择您的支付方式</div>
                            <div class="order-detail h80 w81 r clearfix">
                                <div class="order-pay bg1"></div>
                                <div class="order-pay bg2"></div>
                            </div>
                        </div>


                        <!-- 底部三个操作按钮 -->
                        <div class="order-detail-operate">
                            <button class="order-detail-btn">提交</button>
                            <button class="order-detail-btn ml42">返  回</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <script src="./../../assets/js/jquery.min.js"></script>
    <script src="./../../assets/js/bootstrap.min.js"></script>
    <script src="./../../js/salesPlat/buyOrderBuy.js"></script>

</body>
</html>